<template>
	<a-layout id="components-layout-demo-top" class="layout" ref="contentData">
		<div class="topmenu">
			<a-layout-header>
				<div class="logo"><img :src="form.SchoolLogo" /></div>
				<a-menu class="nav-bth" theme="dark" mode="horizontal" :default-selected-keys="['2']">
					<a-menu-item @click="goHome">
						首页
					</a-menu-item>
					<a-menu-item @click="goBack">
						返回
					</a-menu-item>
					<a-menu-item @click="reload">
						刷新
					</a-menu-item>
					<!-- <a-menu-item @click="menu()">
						菜单
					</a-menu-item> -->
				</a-menu>
				<div class="fr">
					<div @mouseover="showImg=true" @mouseleave="showImg=false">
						<img :src="getImg()" style="width: 55px;height: 55px;border-radius: 50%;" />
						<div :style="{'right':form.IsAdmin||form.IsSuper?'185px':'20px'}" v-show="showImg"
							style="display: block;margin-left: 0;text-align: center;position: fixed;top: 60px;z-index: 9999;">
							<div
								style="background: #fff;display: block;margin-left: 0;padding: 15px 15px 0 15px;box-shadow: 1px 2px 7px skyblue;border-radius: 12px;margin-top: 10px;">
								<div style="display: block;margin-left: 5px;">
									<img :src="getImg()" style="width: 200px;" />
								</div>
								<a-button type="primary" class="btn2" @click="vueCropperIf=true,showImg=false">上传头像
								</a-button>
							</div>
						</div>
					</div>
					<div v-if="form.IsAdmin||form.IsSuper" @click="Managementbackstage()">
						<img src="../../assets/home/glht.png" />
						管理后台
					</div>
					<div @click="logout">
						<img src="../../assets/home/return.png" />
						退出
					</div>
				</div>
			</a-layout-header>
		</div>
		<a-layout-content class="maincontent">
			<div class="menulist">
				<div class="menulistcon">
					<!-- <div v-if="TeacherActivityFlowList.length > 0 && userInfo.Type==2">
						<h4>审批 </h4>
						<div class="list">
							<div class="li addheight" @click="changeTeacherActivityFlow(item)"
								v-for="(item, i) in TeacherActivityFlowList" :key="i">
								<div class="menucontent">
									<div class="imga"></div>
									<span>{{ item.Name }}</span>
								</div>
							</div>
						</div>
					</div> -->
					<div v-for="(item,index) in menuBarList" :key="index" v-if="userInfo.Type!==2">
						<h4>{{item.Name}}</h4>
						<div class="list">
							<div class="li" @mouseover="mouseover(v.Path,1)" @mouseout="mouseover(v.Path,2)"
								:class="{'on':routeOn.indexOf(v.Path)!==-1}" @click="seeList(v.Path)"
								v-for="(v,i) in item.Children" :key="v.ID"
								v-if="v.IsJudge?((v.ID==24&&form.IsClassCharge) || (v.ID==43&&userInfo.isHeadMaster)):true">
								<div class="menucontent">
									<div class="zdyImg" :class="v.Class"
										:style="{'background': (routeOn.indexOf(v.Path)!==-1 || routeOn1.indexOf(v.Path)!==-1)?`url(${require('../../assets/newIcon/hover/'+v.Class)})`:`url(${require('../../assets/newIcon/black/'+v.Class)})`}">
									</div>
									<span>{{v.Name}}</span>
								</div>
							</div>
						</div>
					</div>
					<div v-if="userInfo.Type===2">
						<h4>菜单</h4>
						<div class="list" v-for="(item,index) in menuBarList1" :key="index">
							<div class="li" @mouseover="mouseover(v.Path,1)" @mouseout="mouseover(v.Path,2)"
								:class="{'on':routeOn.indexOf(v.Path)!==-1}" @click="seeList(v.Path)"
								v-for="(v,i) in item.Children" :key="v.ID">
								<div class="menucontent">
									<div class="zdyImg" :class="v.Class"
										:style="{'background': (routeOn.indexOf(v.Path)!==-1 || routeOn1.indexOf(v.Path)!==-1)?`url(${require('../../assets/newIcon/hover/'+v.Class)})`:`url(${require('../../assets/newIcon/black/'+v.Class)})`}">
									</div>
									<span>{{v.Name}}</span>
								</div>
							</div>
						</div>
					</div>

				</div>
				<div class="foot">
					<div>Copyright 2019-2029</div>
					<a href="http://www.acthink.net/">© 安财信科 ACThink.net</a>
				</div>
			</div>
			<div class="rightcontent" ref="tableForm" id="content">
				<div class="c-content" v-if="isRouterAlive">
					<keep-alive>
						<router-view :key="$route.fullPath" v-if="$route.meta.keepAlive"></router-view>
					</keep-alive>
					<router-view :key="$route.fullPath" v-if="!$route.meta.keepAlive"></router-view>
				</div>
			</div>
		</a-layout-content>
		<uploadHeadImg v-show="showModal" @closeFun="closeFun(data)"></uploadHeadImg>
		<notice v-show="showNotice" @closeFun="closeFun(data)" :dataList="dataList" />
		<cropper v-show="vueCropperIf" @closeFun="closeFun(data)" />
	</a-layout>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	import * as echarts from 'echarts'
	import banner from "@/components/Banner/index"
	import notice from "@/views/CreditWarning/Notice/index.vue"
	import cropper from "./UploadHeadImg.vue"
	import {
		GetJoinClubList,
		GetNewsTypeListManage,
		GetAdminMenu,
		DoLoginOut,
		UserDoUpdateBase64Image,
		UserDoSetHeadImage,
		LoginOut,
		GetTeacherActivityFlowTypeListCommon,
		UserCenterDoUpdateInfo,
		GetUserInfo,
		UserDoGetScoreList,
		DoCenterGetCreditWarningNoticeList
	} from '@/api/follow';
	import uploadHeadImg from './UploadHeadImg';
	import Cache from '@/utils/cache';
	export default {
		components: {
			uploadHeadImg,
			banner,
			notice,
			cropper
		},
		data() {
			return {
				myInfo: Cache.get('myInfo'),
				routeOn: '',
				routeOn1: '',
				showNotice: false,
				showImg:false,
				vueCropperIf:false,
				menuBarList: [{
						ID: 1,
						Name: '活动',
						Children: [{
								ID: 11,
								Name: '活动申请记录',
								Path: 'UserApplyActivityRecord',
								Class: 'icon6.png'
							}, {
								ID: 12,
								Name: '发起的活动',
								Path: 'UserActivitymanage',
								Class: 'icon7.png'
							}, {
								ID: 13,
								Name: '参加的活动',
								Path: 'MoreJoinActivity',
								Class: 'icon10.png'
							}, {
								ID: 14,
								Name: '管理的活动',
								Path: 'MoreManageActivity',
								Class: 'icon9.png'
							},

							{
								ID: 15,
								Name: '问卷列表',
								Path: 'HeadMasterEvaluationUser',
								Class: 'icon15.png',
							},
							// {
							// 	ID: 16,
							// 	Name: '问卷结果',
							// 	Path: 'HeTeacher',
							// 	Class: 'icon15.png',
							// },
							// {
							// 	ID: 17,
							// 	Name: '积分预警',
							// 	Path: 'CreditWarningNoticeIndex',
							// 	Class: 'icon15.png',
							// },
						]
					}, {
						ID: 2,
						Name: '学生组织',
						Children: [{
							ID: 21,
							Name: '学生组织申请',
							Path: 'UserApplyClubRecord',
							Class: 'icon3.png'
						}, {
							ID: 22,
							Name: '参加的学生组织',
							Path: 'MoreJoinClub',
							Class: 'icon4.png'
						}, {
							ID: 23,
							Name: '管理的学生组织',
							Path: 'MoreManageClub',
							Class: 'icon5.png'
						}, {
							ID: 24,
							Name: '班级成员管理',
							Path: 'ClassStudent',
							Class: 'icon1.png',
							IsJudge: true
						}, {
							ID: 25,
							Name: '获奖记录',
							Path: 'UserPrize',
							Class: 'icon2.png'
						}]
					}, {
						ID: 3,
						Name: '社会实践',
						Children: [{
							ID: 32,
							Name: '寒暑假实践团队',
							Path: 'UserPracticeTeam',
							Class: 'icon12.png'
						}]
					}, {
						ID: 4,
						Name: Cache.get('myInfo').ScoreName+'申请',
						Children: [{
							ID: 41,
							Name: Cache.get('myInfo').ScoreName+'申请',
							Path: 'Creditapplication',
							Class: 'icon11.png'
						}, {
							ID: 42,
							Name: '公示列表',
							Path: 'publicity',
							Class: 'icon13.png'
						}, {
							ID: 43,
							Name: Cache.get('myInfo').ScoreName+'申请管理（班主任）',
							Path: 'UserCreditApplyBan',
							Class: 'icon14.png',
							IsJudge: true
						}]
					},
					// {
					// 	ID: 5,
					// 	Name: '问卷调查',
					// 	Children: [{
					// 		ID: 51,
					// 		Name: '问卷列表',
					// 		Path: 'HeadMasterEvaluationUser',
					// 		Class: 'icon15.png',
					// 		IsJudge: true
					// 	}, , {
					// 		ID: 52,
					// 		Name: '问卷结果',
					// 		Path: 'HeTeacher',
					// 		Class: 'icon15.png',
					// 		IsJudge: true
					// 	}]
					// }

				],

				menuBarList1: [{
					ID: 2,
					Name: '学生组织',
					Children: [{
							ID: 23,
							Name: '管理的学生组织',
							Path: 'MoreManageClub',
							Class: 'icon5.png'
						}, {
							ID: 24,
							Name: '班级成员管理',
							Path: 'ClassStudent',
							Class: 'icon1.png'
						}, {
							ID: 32,
							Name: '寒暑假实践审核(指导老师)',
							Path: 'UserPracticeTeamFlow',
							Class: 'icon12.png'
						},
						
						{
							ID: 33,
							Name: '寒暑假实践结项(指导老师)',
							Path: 'PracticeTeamDeclareSp',
							Class: 'icon12.png'
						},
						{
							ID: 34,
							Name: '组织年审(指导老师)',
							Path: 'UserClubAnnualAuditFlow',
							Class: 'icon12.png'
						},
						{
							ID: 42,
							Name: '公示列表',
							Path: 'publicity',
							Class: 'icon13.png'
						}, {
							ID: 43,
							Name: Cache.get('myInfo').ScoreName+'申请管理（班主任）',
							Path: 'UserCreditApplyBan',
							Class: 'icon15.png'
						},
						{
							ID: 15,
							Name: '问卷列表',
							Path: 'HeadMasterEvaluationUser',
							Class: 'icon15.png',
						}
					]
				}],
				ClubList: [],
				avatar: 'https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png',
				approvalList: '',
				showModal: false,
				form: Cache.get('myInfo'),
				
				newsList: [],
				loadshow: false,
				menushow: false,
				visible: false,
				isRouterAlive: true,
				requestUrl: this.global.requestUrl,
				TeacherActivityFlowList: [],
				scoreList: [],
				userInfo: Cache.get('myInfo'),
				dataList: []
			};
		},
		watch: {
			$route(to, from) {
				this.routeOn = this.$route.name
			}
		},
		created() {
			this.routeOn = this.$route.name
			if (Cache.get('token')) {} else {
				this.$router.push({
					name: 'register'
				});
			}
			let userinfo = Cache.get('myInfo');
			if (userinfo&&!Cache.get('isConfirm')) {
				Cache.set('isConfirm',true)
				//IsEvaluated =false  未问卷   IsHideScore（true 隐藏  false 不隐藏  ）   IsPopRemind（true  弹窗  false  不弹窗）
				if (!userinfo.EvaluateInfo.IsEvaluated) {
					if (userinfo.EvaluateInfo.IsPopRemind) {
						let that = this;
						this.$confirm({
							title: '提示',
							content: `您当前有待填写的问卷，是否去填写？`,
							okText: '去填写',
							cancelText: '暂不填写',
							async onOk() {
								that.$router.push({
									path: 'HeadMasterEvaluationUser'
								});
							},
							onCancel(){
								that.getNoticeList()
							}
						});
					}
				}else{
					this.getNoticeList()
				}
			}
			// if (Cache.get('loginKey') == 1) {
			// 	this.loadshow = true;
			// 	this.$router.go(0);
			// 	Cache.remove('loginKey');
			// 	this.loadshow = false;
			// }
		},
		mounted() {
			this.$router.afterEach((to, from, next) => {
				window.scrollTo(0, 0)
			})
			setTimeout(() => {
				this.getOtherList();
				if (this.form.IsAdmin) {
					this._GetAdminMenu();
				}
			}, 100)
			setTimeout(() => {
				if (this.form.Type == 1) {
					this.getScoreList()
				}
			}, 1000)
		},
		activated() {},
		computed: {
			score: function() {
				let scoreList = this.scoreList;
				let scoreAll = 0;
				for (let i = 0; i < scoreList.length; i++) {
					if (scoreList[i].TotalScore) {
						scoreAll = scoreAll + scoreList[i].TotalScore;
					}
				}
				// Cache.set('score',scoreAll)
				this.$store.commit('score', scoreAll);
				return scoreAll;
			}
		},
		methods: {
			getImg(){
				if(this.form.HeadImage){
					if(this.form.HeadImage.includes('Upload')){
						let Img = new Image()
						Img.src = this.requestUrl+this.form.HeadImage
						if (Img.fileSize > 0 || (Img.width > 0 && Img.height > 0)) {
							return this.requestUrl+this.form.HeadImage
						} else {
						  return require('@/assets/home/zanwu.png')
						}
					}else{
						return this.form.HeadImage
					}
				}else{
					return require('@/assets/home/zanwu.png')
				}
			},
			async getNoticeList(){
				let res = await DoCenterGetCreditWarningNoticeList();
				this.dataList = res.data.data;
				this.showNotice = this.dataList.length > 0
			},
			mouseover(id, type) {
				type == 1 ? this.routeOn1 = id : this.routeOn1 = ''
			},
			backTop() {
				var timer = setInterval(function() {
					let osTop =
						document.documentElement.scrollTop || document.body.scrollTop;
					let ispeed = Math.floor(-osTop / 5);
					document.documentElement.scrollTop = document.body.scrollTop =
						osTop + ispeed;
					this.isTop = true;
					if (osTop === 0) {
						clearInterval(timer);
					}
				}, 30);
			},
			async getScoreList() {
				let res8 = await UserDoGetScoreList();
				this.scoreList = res8.data.data;
				let scoreList = this.scoreList;
				let scoreAll = 0;
				console.log(scoreList)
				for (let i = 0; i < scoreList.length; i++) {
					if (scoreList[i].TotalScore) {
						scoreAll = scoreAll + scoreList[i].TotalScore;
					}
				}
				this.rotate = (scoreAll / 40) * 180 > 180 ? '180deg' : (scoreAll / 40) * 180 + 'deg';
				// scoreAll
			},
			async getOtherList() {
				let res = await GetTeacherActivityFlowTypeListCommon();
				this.TeacherActivityFlowList = res.data.data;
			},

			async updatetouxiang() {
				// let data = {}
				// let res = await UserDoUpdateBase64Image(data)
				this.showModal = true;
			},
			async _GetAdminMenu() {
				let OneMenu = [];
				let TwoMenu = [];
				let ThreeMenu = [];
				let AdminMenuList = [];
				let res = await GetAdminMenu();
				let list = res.data.data ? res.data.data : [];
				for (let i = 0; i < list.length; i++) {
					OneMenu.push(list[i]);
					for (let m = 0; m < list[i].GroupData.length; m++) {
						TwoMenu.push(list[i].GroupData[m]);
						for (let n = 0; n < list[i].GroupData[m].FunctionGroupData.length; n++) {
							ThreeMenu.push(list[i].GroupData[m].FunctionGroupData[n]);
							for (let p = 0; p < list[i].GroupData[m].FunctionGroupData[n].FunctionData.length; p++) {
								AdminMenuList.push(list[i].GroupData[m].FunctionGroupData[n].FunctionData[p]);
							}
						}
					}
				}
				Cache.set('OneMenu', OneMenu);
				Cache.set('TwoMenu', TwoMenu);
				Cache.set('ThreeMenu', ThreeMenu);
				Cache.set('AdminMenuList', AdminMenuList);
			},
			goHome() {
				this.$router.push('/');
			},
			seeList(name) {
				content.scrollIntoView()
				this.onClose();
				this.$router.push({
					name: name
				});
			},
			imgList2(totalScore) {

				let type = 0;
				if (totalScore < -10) {
					type = 0;
				}

				if (totalScore >= 10) {
					type = 1;
				}
				switch (type) {
					case 0:
						return {
							rotate: '65deg',
								color: '#FF5050'
						};
						break;
					case 1:
						return {
							rotate: '135deg',
								color: '#3AA1FF'
						};
						break;
				}
			},
			imgList(totalScore) {
				let type = 0;
				if (totalScore < 10) {
					type = 0;
				}
				if (totalScore >= 10 && totalScore < 20) {
					type = 1;
				}
				if (totalScore >= 20 && totalScore < 30) {
					type = 2;
				}
				if (totalScore >= 30 && totalScore < 40) {
					type = 3;
				}
				if (totalScore >= 40) {
					type = 4;
				}
				switch (type) {
					case 0:
						return {
							rotate: (totalScore / 40) * 180 + 'deg',
								color: '#FF5050'
						};
						break;
					case 1:
						return {
							rotate: (totalScore / 40) * 180 + 'deg',
								color: '#3AA1FF'
						};
						break;
					case 2:
						return {
							rotate: (totalScore / 40) * 180 + 'deg',
								color: '#5359EC'
						};
						break;
					case 3:
						return {
							rotate: (totalScore / 40) * 180 + 'deg',
								color: '#1CD1A1'
						};
						break;
					case 4:
						return {
							rotate: (totalScore / 40) * 180 + 'deg',
								color: '#FBC23F'
						};
						break;
				}
			},
			changeTeacherActivityFlow(item) {
				content.scrollIntoView()
				this.onClose();
				this.$router.push({
					name: 'TeacherActivityFlow',
					query: {
						ID: item.ID,
						Name: item.Name
					}
				});
			},
			timeonClose() {
				setTimeout(this.onClose(), 3000);
			},
			onClose() {
				this.visible = false;
			},
			menu() {
				this.visible = true;
			},
			openmenu() {
				this.visible = true;
			},
			closemenu() {
				this.menushow = false;
			},
			Managementbackstage() {
				this.$router.push({
					name: 'Home'
				});
			},
			async logout() {
				// let res = await LoginOut();
				Cache.remove('token');
				Cache.remove('SYS_TOKEN');
				Cache.remove('listMenus');
				Cache.remove('DealerID');
				Cache.remove('Type');
				Cache.remove('info');
				this.$router.push({
					name: 'register'
				});
				// window.location.href = 'http://i.aufe.edu.cn/portal_main/toPortalPage';
			},
			async getList() {
				let data = {};
				let res = await GetNewsTypeListManage(data);
				this.newsList = res.data.data;
			},
			closeFun(index) {
				this.form = Cache.get('myInfo');
				this.showModal = false;
				this.showNotice = false
				this.vueCropperIf = false
			},
			goBack() {
				this.$router.back(-1);
			},
			reload() {
				this.isRouterAlive = false;
				this.$nextTick(function() {
					this.isRouterAlive = true;
				});
				if (this.form.Type == 1) {
					this.getScoreList()
				}
			},
			async updateMyInfo() {
				let that = this;
				let content = '您确定要同步个人信息码？';
				this.$confirm({
					title: '提示',
					content: content,
					okText: '确认',
					cancelText: '取消',
					async onOk() {
						let res = await UserCenterDoUpdateInfo()
						if (res.data.code == 0) {
							that.$message.success(res.data.msg);
							let res1 = await GetUserInfo();
							that.form = res1.data
							Cache.set('myInfo', res1.data);
						} else {
							that.$message.error(res.data.msg);
						}
					}
				});
			},
		}
	};
</script>

<style lang="less" scoped>
	.topmenu {
		background: #fff;

		.ant-layout-header {
			background: none;
			padding: 0 20px;
			width: 100%;
			height: 72px;
		}

		.logo {
			margin-top: 3px;
			width: 200px;
			float: left;
			text-align: center;

			img {
				width: auto;
				height: 51px;
			}
		}

		.fr {
			float: right;
			margin-top: 3px;

			div {
				display: inline-block;
				margin-left: 50px;
				line-height: 64px;
				font-size: 15px;
				cursor: pointer;

				img {
					margin-right: 6px;

					vertical-align: middle;
				}
			}
		}

		.ant-layout-header ul {
			line-height: 50px;
			margin-left: 15px;
			width: 350px;
			display: inline-block;
		}

	}

	.ant-layout {
		background: #f0f4f9;
		min-width: 1200px;
	}


	#components-layout-demo-top {
		width: 100%;
		margin: 0 auto;
	}



	.ant-menu-dark {
		background: none;
	}

	.ant-menu-dark.ant-menu-horizontal>.ant-menu-item {
		color: #333333;
		padding: 0 20px;
		line-height: 40px;
		height: 40px;
		margin: 0 7px;
	}


	.information {
		color: white;
		width: 100%;
		margin: 0 auto;

		min-width: 1200px;

		.userimg {
			width: 300px;
			margin-top: 30px;
			padding-bottom: 33px;

			.c-l {
				position: relative;
				width: 98px;
				height: 98px;
				margin: 0 auto;
				display: flex;
				flex-direction: column;
				justify-content: center;
				border: 6px solid rgba(255, 255, 255, 0.3);
				border-radius: 50%;

				.ant-avatar {
					width: 86px;
					height: 86px;
				}

				.uptouxiang {
					width: 26px;
					height: 26px;
					position: absolute;
					right: -10px;
					top: 28px;
					background-color: white;
					border-radius: 50%;

					i {
						font-size: 20px;
						margin-left: 2.5px;
					}
				}

				.uptouxiang:hover {
					cursor: pointer;
				}
			}

			.username {
				height: 46px;
				font-size: 20px;
				font-family: Microsoft YaHei;
				font-weight: bold;
				line-height: 46px;
				color: rgba(255, 255, 255, 0.9);
				text-align: center;
			}

			.userno {
				height: 20px;
				font-size: 16px;
				font-family: Microsoft YaHei;
				font-weight: 400;
				line-height: 20px;
				color: rgba(255, 255, 255, 0.6);
				text-align: center;
			}
		}

		.c-header {
			height: 120px;
			margin: 0 auto;
			padding: 30px;
			// background: #fff;
			border-radius: 5px 5px 0 0;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
		}

		.c-c {
			margin-left: 30px;
			color: #333;
		}

		.c-c-t {
			font-size: 20px;
			font-weight: 600;
		}

		.anticon:hover {
			cursor: pointer;
		}

		.c-r {
			width: 25%;
			color: #1890ff;
			display: flex;
			justify-content: flex-end;
		}

		.c-r-b {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
		}
	}

	.maincontent {
		// margin:0 auto;
		display: flex;
		height: calc(~'100vh - 80px');
	}

	.menulist {
		width: 240px;
		padding: 8px 5px 15px 20px;
		overflow: hidden;
		background: #F5F6FA;

		.menulistcon {
			// height:520px;
			overflow-y: scroll;
			margin-top: 18px;
			height: calc(~'100vh - 200px');
			;

			h4 {
				color: #150826;
				font-size: 12px;
			}

			.list {
				margin-top: 10px;
				margin-bottom: 20px;
			}

			.li {
				cursor: pointer;
				width: 100%;
				height: 50px;
				padding-left: 5px;
				line-height: 50px;
				border-radius: 4px 0 0 4px;
				color: #666;

				&:hover {
					color: #0048D2;
				}

				img {
					width: 20px;
					margin-right: 10px;
					vertical-align: sub;
				}

				span {

					font-size: 14px;
				}
			}

			.on {
				background: rgb(235, 240, 250);
				color: #0048D2;
				border-radius: 9px;
			}
		}

		*::-webkit-scrollbar {
			width: 1px;
		}

		*::-webkit-scrollbar-thumb {
			border-radius: 15px;
			background: #F5F6FA;
		}

		*::-webkit-scrollbar-track {
			border-radius: 0;
			background: #F5F6FA;
		}
	}

	.rightcontent {
		// flex:1;
		width: calc(~'100vw - 240px');
		min-height: 596px;
		padding: 15px 15px 0 15px;
		border-radius: 12px;
		overflow-y: scroll;

	}

	.ant-menu.ant-menu-dark .ant-menu-item-selected {
		color: rgba(255, 255, 255, 1);

		.anticon {}
	}

	.anticon {
		line-height: 50px;
		margin-right: 5px;
		margin-right: 0px;
		color: #1890ff;
	}

	.anticon {
		line-height: 30px;
	}

	.foot {
		padding-top: 30px;
		text-align: center;
		height: 43px;
		font-size: 12px;
		font-weight: bold;
		line-height: 24px;
		color: #000;

		a {
			color: #000;
		}
	}

	.imga {
		background: url(../../assets/newIcon/black/icon16.png) no-repeat;
		width: 40px;
		height: 40px;
		display: block;
		margin: 0 auto;
	}

	.menulist .li:hover .imga {
		background: url(../../assets/newIcon/hover/icon16.png) no-repeat;
	}

	.zdyImg {
		width: 30px;
		height: 30px;
		display: inline-block;
		position: relative;
		top: 9px;
	}

	.clear {
		clear: both;
	}

	.sanjiao {
		width: 12px;
		height: 10px;
		margin-left: 10px;
	}

	.san {
		display: inline-block;
		width: 3px;
		height: 18px;
		background: #93A2B9;
		border-radius: 2px 2px 2px 2px;
		opacity: 1;
		margin-right: 20px
	}

	.dashline {
		height: 0.3px;
		border: none;
		background-color: rgba(168, 168, 168, 0.7);
		margin: 10px 20px 30px 20px;
	}

	.addheight {
		height: 140px;
	}

	/deep/.nav-bth .ant-menu-item {
		padding: 0 !important;
		margin: 0 20px !important;
	}

	/deep/.nav-bth .ant-menu-item-selected {
		color: #0F3193 !important;
		background: #fff !important;
		border-bottom: 3px solid #0F3193 !important;

	}
</style>
